* {
    font-family: '微软雅黑';
}

.transition03 {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media \0screen\,screen\9 {
    /* 只支持IE6、7、8 */
    .wow {
        visibility: visible !important;
    }

    .header .bigclass ul {
        background-color: #0455d2;
        filter: alpha(opacity=50);
        position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom: 1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    min-width: 1300px;
}

.container {
    width: 1284px;
    margin: 0 auto;
}

.header {
    width: 100%;
    height: 184px;
    position: relative;
}

.header .top {
    height: 94px;
}

.header .logo {
    float: left;
    height: 94px;
    width: 500px;
    line-height: 94px;
}

.header .logo a {
    display: block;
    height: 94px;
    line-height: 94px;
}

.header .logo img {
    max-width: 100%;
    vertical-align: middle;
}

.header .hottel {
    float: right;
    margin-right: 38px;
    width: 400px;
    height: 94px;
    line-height: 94px;
    text-align: right;
    font-size: 20px;
    color: #404040;
}

.header .hottel img {
    vertical-align: middle;
    margin-top: -5px;
}

.header .menu {
    width: 100%;
    height: 112px;
    position: absolute;
    z-index: 999;
    top: 76px;
    padding-top: 18px;
    left: 0;
    background: url(../img/menu_bg.png) center center no-repeat;
}

.header .nav {
    width: 100%;
    height: 90px;
}

.header .bigclass {
    float: left;
    width: 84px;
    margin-right: 80px;
    height: 90px;
    position: relative;
}

.header .bigclass span {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: 37px;
    left: -46px;
    background: url(../img/nav_bgico.png) center center no-repeat;
}

.header .bigclass a.big {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 85px;
    line-height: 85px;
    border-bottom: 5px solid transparent;
    color: #141414;
    font-size: 20px;
}

.header .bigclass:hover a.big, .header .bigclass.cur a.big {
    border-bottom-color: #0455d2;
}

/*.header .bigclass:hover ul{display: block;}*/
.header .bigclass ul {
    position: absolute;
    top: 90px;
    left: -26px;
    width: 134px;
    padding: 0 12px;
    background-color: rgba(4, 85, 210, 0.5);
    display: none;
}

.header .bigclass ul li {
    width: 100%;
    height: 53px;
    border-bottom: 1px solid #fff;
    position: relative;
}

.header .bigclass ul li:last-child {
    border-bottom: none;
}

.header .bigclass ul li a {
    width: 100%;
    height: 53px;
    line-height: 53px;
    display: block;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner .hd {
    width: 560px;
    height: 4px;
    text-align: center;
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -280px;
    bottom: 35px;
}

.banner .hd ul {
    width: 560px;
    height: 4px;
    vertical-align: top;
}

.banner .hd li {
    width: 70px;
    height: 4px;
    cursor: pointer;
    margin: 0 13px;
    background-color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.banner .hd li.on {
    background-color: rgba(255, 255, 255, 1);
}

.banner .bd {
    width: 100%;
}

.banner .bd li {
    width: 100%;
    font-size: 0;
}

.banner li img {
    position: relative;
    width: 1920px;
    height: 515px;
    margin-left: -960px;
    left: 50%;
}

#notice {
    width: 100%;
    height: 65px;
    background-color: #fff;
    overflow-x: hidden;
}

.notice {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.leftbg {
    position: absolute;
    left: 0;
    top: -6px;
    z-index: 0;
    height: 71px;
    width: 537px;
    background: url(../img/gonggaoleft_bg.png) center center no-repeat;
}

#notice .content {
    position: relative;
    z-index: 1;
    height: 65px;
    line-height: 65px;
}

#notice .title {
    width: 220px;
    float: left;
    text-indent: 76px;
    background: url(../img/notice.png) 33px center no-repeat;
    color: #fff;
    font-size: 20px;
    margin-right: 70px;
}

#notice .con {
    float: left;
}

#notice .con ul {
    width: 990px;
    height: 65px;
}

#notice .con ul li {
    width: 100%;
    height: 65px;
    font-size: 20px;
}

#notice .con ul li a {
    color: #0f4395;
}

#notice .con ul li span.date {
    font-size: 24px;
    font-weight: bold;
    color: #414141;
}

#notice .hd {
    position: absolute;
    right: 0;
    top: 0;
    width: 41px;
    height: 60px;
}

#notice .hd a.next, #notice .hd a.prev {
    display: block;
    width: 41px;
    height: 15px;
    margin-top: 16px;
    cursor: pointer;
}

#notice .hd a.prev {
    background: url(../img/updown.png) 0 0 no-repeat;
}

#notice .hd a.next {
    background: url(../img/updown.png) 0 -16px no-repeat;
    margin-top: 8px;
}

.typebar {
    width: 600px;
    margin: 50px auto;
    text-align: center;
    position: relative;
}

.typebar p.enname {
    font-size: 36px;
    color: #1b52aa;
    line-height: 1;
    margin-bottom: 25px;
    font-weight: bold;
}

.typebar h3 {
    width: 230px;
    margin: 0 auto;
    background-color: #fff;
    color: #3a3a3a;
    line-height: 1;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.typebar .hengxian {
    position: absolute;
    z-index: 0;
    top: 80px;
    width: 360px;
    height: 1px;
    background-color: #3a3a3a;
    left: 50%;
    margin-left: -180px;
}

.productlist {
    margin-left: -13px;
    margin-right: -13px;
}

.productlist .con {
    float: left;
    width: 260px;
    height: 263px;
    margin-bottom: 48px;
    background-color: #f6f5f5;
    padding: 35px 20px 24px;
    margin: 0 13px 47px;
}

.productlist .con a.img {
    display: block;
    width: 260px;
    height: 208px;
    text-align: center;
    margin-bottom: 26px;
    font-size: 0;
    background-color: #fff;
    overflow: hidden;
}

.productlist .con a.img img {
    height: 208px;
}

.productlist .con p {
    height: 28px;
    line-height: 28px;
    position: relative;
    padding-right: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: #202020;
}

.productlist .con p a {
    display: block;
    color: #333;
    text-align: center;
}

.productlist .con p span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 69px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: #125ed5 url(../img/jiantou.png) center center no-repeat;
}

.productlist .con:hover {
    background: #125dd5;
}

.productlist .con:hover p a {
    color: #fff;
}

.midaa {
    width: 100%;
    height: 187px;
    background: url(../img/index_aa.jpg) center center no-repeat;
}

.midaa .container {
    position: relative;
    z-index: 0;
}

.midaa .tel {
    position: absolute;
    z-index: 2;
    left: 389px;
    top: 112px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
}

.midaa .chat {
    display: block;
    position: absolute;
    z-index: 2;
    right: 33px;
    top: 67px;
    width: 209px;
    height: 59px;
}

.cptypelist {
}

.cptypelist ul {
    margin-left: -10px;
    margin-right: -10px;
}

.cptypelist ul li {
    float: left;
    margin: 0 10px 41px;
    width: 194px;
    height: 70px;
    text-align: center;
    background: #f8f8f8 url(../img/cpico1.png) 10px center no-repeat;
    border: 1px solid #dcdcdc;
}

.cptypelist ul li:hover {
    background: #125ed5 url(../img/cpico1h.png) 10px center no-repeat;
}

.cptypelist ul li a {
    vertical-align: middle;
    display: table-cell;
    color: #3b3b3b;
    height: 70px;
    line-height: 24px;
    font-size: 17px;
    width: 136px;
    padding-left: 51px;
}

.cptypelist ul li:hover a {
    color: #fff;
}

.cptypelist ul li.type1, .cptypelist ul li.type7 {
    background-image: url("../img/cpico1.png");
}

.cptypelist ul li.type2, .cptypelist ul li.type8 {
    background-image: url("../img/cpico2.png");
}

.cptypelist ul li.type3, .cptypelist ul li.type9 {
    background-image: url("../img/cpico3.png");
}

.cptypelist ul li.type4, .cptypelist ul li.type10 {
    background-image: url("../img/cpico4.png");
}

.cptypelist ul li.type5, .cptypelist ul li.type11 {
    background-image: url("../img/cpico5.png");
}

.cptypelist ul li.type6, .cptypelist ul li.type12 {
    background-image: url("../img/cpico6.png");
}

.cptypelist ul li.type1:hover, .cptypelist ul li.type7:hover {
    background-image: url(../img/cpico1h.png);
}

.cptypelist ul li.type2:hover, .cptypelist ul li.type8:hover {
    background-image: url(../img/cpico1h.png);
}

.cptypelist ul li.type3:hover, .cptypelist ul li.type9:hover {
    background-image: url(../img/cpico1h.png);
}

.cptypelist ul li.type4:hover, .cptypelist ul li.type10:hover {
    background-image: url(../img/cpico1h.png);
}

.cptypelist ul li.type5:hover, .cptypelist ul li.type11:hover {
    background-image: url(../img/cpico1h.png);
}

.cptypelist ul li.type6:hover, .cptypelist ul li.type12:hover {
    background-image: url(../img/cpico1h.png);
}

.about_index {
    width: 100%;
    height: 547px;
    background: url(../img/about_bg.jpg) center top no-repeat;
}

.about_index .content {
    height: 547px;
    position: relative;
}

.about_index .content .text {
    float: left;
    width: 644px;
    padding: 50px 38px;
    color: #fff;
}

.about_index .content .text h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 52px;
}

.about_index .content .text h3 span {
    padding-left: 28px;
}

.about_index .content .text p {
    font-size: 18px;
    text-indent: 2em;
    line-height: 30px;
    margin-bottom: 30px;
}

.about_index .content .text a.more {
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #125ed5;
    display: block;
}

.about_index .content .text a.more:hover {
    background-color: #2971e1;
}

.about_index .imgright {
    float: right;
    margin-top: 120px;
}

.about_index .imgbottom {
    position: absolute;
    z-index: 2;
    left: -10px;
    bottom: -105px;
    width: 100%;
    height: 198px;
    overflow: hidden;
}

.about_index .imgbottom img {
    position: absolute;
}

.news {
    width: 100%;
    background: #f8f7f7;
    padding-top: 130px;
}

.news .typebar h3 {
    background: #f8f7f7;
}

.newslist {
    margin-left: -3px;
    margin-right: -3px;
}

.newslist .con {
    float: left;
    width: 226px;
    height: 176px;
    background: #fff;
    margin: 0 3px 72px;
    padding: 40px 45px;
    color: #373737;
}

.newslist .con a.title {
    font-size: 18px;
    font-weight: bold;
    color: #373737;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 12px;
    display: block;
    line-height: 1;
}

.newslist .con .heng {
    display: block;
    width: 34px;
    height: 2px;
    background: #c9c9c9;
    margin-bottom: 16px;
}

.newslist .con p.desc {
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    margin-bottom: 20px;
}

.newslist .con .data {
    font-size: 16px;
}

.newslist .con a.more {
    float: right;
    width: 30px;
    height: 30px;
    background: url(../img/newsmore.png) center center no-repeat;
}

.newslist .con:hover {
    background: url(../img/news_bg.jpg) center center no-repeat;
    color: #fff;
}

.newslist .con:hover a.title {
    color: #fff;
}

.newslist .con:hover .heng {
    background: #fff;
}

.newslist .con:hover a.more {
    background-image: url(../img/newsmoreh.png);
}

.footer {
    width: 100%;
}

.footer .footnav {
    background: #313131;
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #535353;
}

.footer .footnav .con {
    overflow: hidden;
}

.footer .footnav .con li {
    float: left;
    width: 196px;
    height: 55px;
    text-align: center;
    line-height: 65px;
}

.footer .footnav .con li a {
    color: #fff;
    font-size: 16px;
}

.footer .footnav .con li a:hover {
    text-decoration: underline;
}

.footcon {
    width: 100%;
    background-color: #313131;
}

.footcon .content {
    padding: 40px 40px 40px 24px;
}

.footcon .left {
    float: left;
    width: 650px;
}

.footcon .left p {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    margin-bottom: 6px;
}

.footcon .right {
    float: right;
    width: 450px;
}

.footcon .right .con {
    float: right;
    width: 280px;
    text-align: right;
}

.footcon .right .con .chat {
    display: inline-block;
    width: 138px;
    line-height: 41px;
    height: 41px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #004cc0;
    margin-bottom: 20px;
}

.footcon .right .con p.desc {
    font-size: 18px;
    color: #bfbfbf;
    margin-bottom: 12px;
    line-height: 1;
}

.footcon .right .con p.tel {
    font-size: 22px;
    color: #bfbfbf;
    font-weight: bold;
    line-height: 1;
}

.footcon .right img.ewm {
    width: 117px;
    float: right;
    vertical-align: top;
    margin-left: 38px;
}

.powerby {
    background: #232323;
}

.powerby p {
    text-align: center;
    font-size: 16px;
    color: #828181;
    height: 56px;
    line-height: 56px;
}

.powerby p a {
    color: #828181;
    padding: 0 10px;
}

.abouttypelist {
    width: 100%;
    height: 84px;
    position: relative;
}

.abouttypelist .con {
    position: absolute;
    width: 100%;
    height: 84px;
    top: -42px;
    border: 1px solid #dcdcdc;
    border-right: 0;
    background: #fff;
}

.abouttypelist .con a {
    float: left;
    width: 320px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    color: #666;
    font-size: 20px;
}

.jieshao {
    margin-bottom: 50px;
}

.jieshao .text {
    width: 666px;
    float: left;
}

.jieshao .text h2 {
    font-size: 36px;
    color: #0550c8;
    line-height: 46px;
    margin-bottom: 30px;
    font-weight: bold;
}

.jieshao .text p {
    font-size: 15px;
    line-height: 2;
    color: #424242;
    margin-bottom: 11px;
}

.jieshao .img {
    width: 584px;
    float: right;
}

.jieshao .img p.ennanem {
    font-size: 70px;
    color: #cecece;
    margin-bottom: 30px;
    line-height: 1;
}

.typename h3 {
    font-size: 30px;
    text-align: center;
    color: #111;
    padding-bottom: 40px;
    font-weight: bold;
    background: url(../img/fwduangang.png) center bottom no-repeat;
    margin-bottom: 50px;
}

.typename h3 span {
    color: #0550c7;
}

.about_feed {
    width: 100%;
    height: 316px;
    background: url(../img/aboutleftimg.jpg) center center no-repeat;
    margin-bottom: 80px;
}

.about_feed .left {
    width: 50%;
    height: 316px;
    float: left;
}

.about_feed .left p {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-top: 221px;
    margin-left: 22px;
}

.about_feed .left p img {
    vertical-align: middle;
}

.about_feed .right {
    width: 50%;
    height: 316px;
    float: right;
}

.form {
    margin-top: 45px;
    margin-left: 42px;
    color: #fff;
}

.form p {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1;
}

.form p span {
    font-size: 24px;
    padding-left: 15px;
}

.form .inputwp {
    float: left;
    width: 254px;
    margin-right: 40px;
}

.form input {
    width: 224px;
    padding: 0 15px;
    background-color: #fff;
    height: 32px;
    border: 0;
    margin-bottom: 20px;
    margin-top: 10px;
}

.form label {
    font-size: 18px;
    color: #fff;
}

.form .inputww {
    width: 400px;
    float: left;
}

.form .inputww input {
    width: 370px;
}

.form .submit {
    width: 130px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #125dd5;
    margin-top: 42px;
    margin-left: 20px;
    border: 0;
}

.caselist {
    margin-left: -20px;
    margin-right: -20px;
}

.caselist .con {
    float: left;
    width: 275px;
    height: 167px;
    margin: 0 28px 70px;
    background: #f8f8f8;
}

.caselist .con .conbox {
    margin: 10px;
}

.caselist .con .img {
    width: 100%;
    height: 108px;
    line-height: 108px;
    vertical-align: middle;
    text-align: center;
}

.caselist .con .img img {
    max-width: 100%;
    max-height: 108px;
    vertical-align: middle;
}

.caselist .con p {
    height: 40px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.caselist .con p a {
    color: #999;
    font-size: 16px;
}

#product {
    margin-top: 55px;
    margin-bottom: 50px;
}

.leftbar {
    float: left;
    width: 295px;
    margin-bottom: 33px;
}

.leftbar .title {
    width: 295px;
    height: 128px;
    text-indent: -999em;
    background: url(../img/protit_bg.jpg) center center no-repeat;
}

.leftbar .con {
    padding: 15px 25px;
}

.leftbar .con ul {
    width: 100%;
}

.leftbar .con li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-bottom: 1px dashed #dcdcdc;
    overflow: hidden;
}

.leftbar .con li a {
    font-size: 20px;
    margin: 0 15px;
    color: #212121;
    line-height: 30px;
    display: flex;
    align-items: center;
    height: 70px;
    max-width: 190px;
}

.leftbar .con li a:hover {
    color: #125dd5;
}

.zxtel {
    width: 293px;
    height: 187px;
    margin: 0 auto;
    background: url(../img/zxtel.jpg) center center no-repeat;
    text-align: center;
}

.zxtel p {
    margin-top: 10px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.zxtel img {
    margin-bottom: 18px;
}

.zxtel .zxzx {
    display: block;
    width: 162px;
    height: 43px;
    line-height: 43px;
    margin: 0 auto;
    background: #fff;
    border-radius: 43px;
    text-align: center;
    color: #125dd5;
    font-size: 20px;
}

.zxtel .zxzx:hover {
    color: #333;
}

.position {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 16px;
    color: #606060;
    font-size: 18px;
    margin-bottom: 40px;
}

.position a {
    color: #606060;
    font-size: 18px;
}

.position a:hover {
    color: #125dd5;
}

.rightmain {
    float: right;
    width: 952px;
}

.rightmain .productlist .con p {
    padding-right: 0px;
}

.rightmain .productlist .con p a {
    position: relative;
    background-color: transparent;
    width: 100%;
    color: #333;
}

.rightmain .productlist .con:hover p a {
    color: #fff;
}

.pagelist {
    width: 80%;
    margin: 40px auto;
}

.pagelist ul {
    text-align: center;
}

.pagelist li {
    display: inline-block;
    min-width: 22px;
    *display: inline;
    *zoom: 1;
    height: 39px;
    line-height: 39px;
    color: #606060;
    padding: 0 3px;
}

.pagelist li a {
    min-width: 29px;
    height: 39px;
    line-height: 39px;
    display: block;
    border: 1px solid #dcdcdc;
    color: #606060;
    background: #f6f6f6;
    padding: 0 5px;
}

.pagelist li a:hover {
    background: #fff;
}

/*服务中心*/
.col-3 {
    width: 33.3%;
    float: left;
}

#service, #download, #contact {
    padding-top: 20px;
    overflow: hidden;
}

.subtypelist {
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.subtypelist .con {
    box-sizing: border-box;
    padding: 0 15px;
}

.subtypelist .con a {
    display: block;
    width: 100%;
    text-align: center;
    color: #242424;
    height: 70px;
    line-height: 70px;
    border: 1px solid #dcdcdc;
    background-color: #f6f6f6;
    border-radius: 10px;
    font-size: 20px;
}

.subtypelist .con a:hover, .subtypelist .con a.cur {
    background: #125dd5;
    color: #fff;
}

.danyecon {
    margin-bottom: 60px;
    font-size: 16px;
    color: #3a3a3a;
    line-height: 35px;
}

.danyecon p, .danyecon div {
    margin-bottom: 35px;
}

.downloadlist {
    margin-bottom: 34px;
}

.downloadlist li {
    padding-right: 140px;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px dashed #dcdcdc;
    font-size: 16px;
    color: #606060;
    position: relative;
}

.downloadlist li span {
    position: absolute;
    right: 15px;
    top: 0px;
}

.downloadlist li a {
    color: #1a1a1a;
}

.downloadlist li a:hover {
    color: #125dd5;
}

/*新闻中心*/
.newslists {
    width: 100%;
}

.newslists .con {
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 30px;
    height: 110px;
    border-bottom: 1px dashed #dcdcdc;
}

.newslists .con .date {
    width: 8%;
    float: left;
}

.newslists .con .date p {
    font-size: 45px;
    color: #393939;
    margin-bottom: 5px;
    line-height: 1;
}

.newslists .con .conbox {
    width: 62.8%;
    float: left;
}

.newslists .con .conbox h3 {
    line-height: 1;
    margin-bottom: 15px;
    font-size: 16px;
}

.newslists .con .conbox h3 a {
    font-size: 20px;
    color: #2a2828;
}

.newslists .con .conbox p {
    height: 78px;
    overflow: hidden;
    line-height: 26px;
    font-size: 14px;
    color: #606060;
}

.newslists .con .img {
    width: 18%;
    float: right;
}

.newslists .con .img img {
    width: 100%;
}

/*案例中心*/
.caselists {
    margin-left: -19px;
    margin-right: -19px;
}

.caselists .con {
    float: left;
    width: 400px;
    margin: 0 19px 80px;
}

.caselists .con .img {
    width: 400px;
    height: 281px;
    overflow: hidden;
    margin-bottom: 20px;
}

.caselists .con h3 {
    height: 36px;
    line-height: 36px;
    position: relative;
    padding-right: 100px;
    margin-bottom: 5px;
}

.caselists .con h3 a {
    font-size: 18px;
    color: #080808;
    width: 100%;
}

.caselists .con h3 a:hover {
    color: #125dd5;
}

.caselists .con h3 span {
    font-size: 16px;
    color: #696969;
    position: absolute;
    right: 5px;
    top: 0;
}

.caselists .con p {
    font-size: 16px;
    color: #696969;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.joinlist {
    margin-left: -25px;
    margin-right: -25px;
}

.joinlist .con {
    box-sizing: border-box;
    padding: 0 25px;
    margin: 45px 0;
}

.joinlist .con a.title {
    display: block;
    width: 100%;
    text-align: center;
    color: #242424;
    height: 70px;
    line-height: 70px;
    border: 1px solid #dcdcdc;
    background-color: #f6f6f6;
    border-radius: 10px;
    font-size: 20px;
    margin-bottom: 40px;
}

.joinlist .con a.title:hover, .joinlist .con a.cur {
    background: #125dd5;
    color: #fff;
}

.joinlist .con a.title span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: url(../img/renyuan.png) center center no-repeat;
    position: relative;
    top: 10px;
}

.joinlist .con p.name {
    font-size: 18px;
    color: #141414;
}

.joinlist .con p.desc {
    font-size: 18px;
    line-height: 34px;
    color: #606060;
}

.map {
    width: 920px;
    height: 570px;
    margin: 0 auto;
}

#contact .content {
    margin: 45px 0;
    text-align: center;
}

#contact .content .con {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    padding: 0 15px;
    text-align: center;
    border-right: 1px dashed #dcdcdc;
}

#contact .content .con p {
    font-size: 15px;
    padding-top: 10px;
    text-align: left;
}

#contact .content .con img {
    float: left;
    margin-right: 15px;
}

/*新闻中心*/
#newscon {
    padding-top: 40px;
}

.newstitle {
    font-size: 24px;
    font-weight: bold;
    color: #212121;
    margin-bottom: 20px;
    text-align: center;
}

.newssource {
    font-size: 16px;
    color: #8d8d8d;
    text-align: center;
    margin-bottom: 30px;
}

.newssource span {
    padding: 0 15px;
}

#newscon .danyecon img {
    border: 1px solid #dcdcdc;
    margin: 10px auto;
    display: block;
}

.fanpian {
    margin: 40px 0;
    font-size: 16px;
    color: #4b4a4a;
}

.fanpian .prev {
    max-width: 45%;
    float: left;
    text-align: left;
    padding-left: 40px;
    background: url(../img/upicon.png) left top no-repeat;
    line-height: 32px;
}

.fanpian .next {
    max-width: 45%;
    float: right;
    text-align: right;
    padding-left: 40px;
    background: url(../img/downicon.png) left top no-repeat;
    line-height: 32px;
}

.fanpian span {
    float: left;
    display: block;
    height: 64px;
}

.fanpian a {
    font-size: 16px;
    color: #4b4a4a;
}

.fanpian a:hover {
    color: #125dd5;
}

/*产品详情*/
#MagnifierWrap2 {
    width: 370px;
    float: left;
    position: relative;
}

#MagnifierWrap2 .MagnifierDrag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ccc;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: move;
}

#MagnifierWrap2 .MagnifierPop {
    position: absolute;
    top: 0;
    overflow: hidden;
    background: #fff;
}

#MagnifierWrap2 .MagnifierImg {
    position: absolute;
    top: 0;
    left: 0;
}

#MagnifierWrap2 .spec-items {
    position: relative;
    width: 300px;
    height: 69px;
    overflow: hidden;
    padding-top: 10px;
    margin: 0 auto;
}

#MagnifierWrap2 .spec-items ul {
    width: 500%;
    position: absolute;
    top: 10px;
    left: 0;
}

#MagnifierWrap2 .spec-items ul * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#MagnifierWrap2 .spec-items li {
    width: 65px;
    height: 65px;
    float: left;
    overflow: hidden;
    margin-right: 7px;
    border: 2px solid #fff;
    cursor: pointer;

}

#MagnifierWrap2 .spec-items li.on {
    border: 2px solid #125dd5;
}

#MagnifierWrap2 .spec-items li img {
    width: 100%;
}

#MagnifierWrap2 span.spe_leftBtn, span.spe_rightBtn {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 20px;
    height: 69px;
    line-height: 69px;
    font-family: "黑体";
    text-align: center;
    font-size: 30px;
    color: #ddd;
    cursor: default;
    background-color: #f9f9f9;
}

#MagnifierWrap2 span.on {
    background-color: #ccc;
    color: #999;
    cursor: pointer;
}

#MagnifierWrap2 span.spe_leftBtn {
    left: 0;
}

#MagnifierWrap2 span.spe_rightBtn {
    right: 0;
}

.productcon .imgbox {
    width: 326px;
    height: 258px;
    padding: 22px;
    float: left;
    margin-right: 54px;
    margin-bottom: 28px;
    background: #f6f5f5;
}

.productcon .imgbox .img {
    background: #fff;
    text-align: center;
    width: 326px;
    height: 258px;
    line-height: 258px;
}

.productcon .imgbox .img img {
    max-width: 236px;
    max-height: 258px;
    vertical-align: middle;
}

.productcon .prodesc {
    width: 485px;
    float: right;
}

.productcon .prodesc .title {
    font-size: 24px;
    color: #212121;
    padding-bottom: 15px;
    border-bottom: 1px dashed #dcdcdc;
    font-weight: bold;
    margin-bottom: 20px;
}

.productcon .prodesc p {
    font-size: 16px;
    color: #646464;
    margin-bottom: 30px;
    background: url(../img/fangkua.png) left 10px no-repeat;
    padding-left: 20px;
}

.productcon .prodesc a.ljzx, .productcon .prodesc a.xzsm {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 183px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #054dc0;
    margin-left: 20px;
    padding-right: 15px;
}

.productcon .prodesc a.ljzx {
    background: #125dd5 url(../img/zxtel.png) 148px 17px no-repeat;
    color: #fff;
}

.productcon .prodesc a.xzsm {
    background: #eeeeee url(../img/dlico.png) 148px 17px no-repeat;
    color: #054dc0;
}

.productcon .content {
    margin-top: 80px;
}

.productcon .subpro {
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    clear: both;
}

.productcon .subpro li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 158px;
    height: 53px;
    line-height: 53px;
    background: #eeeeee;
    font-size: 18px;
    color: #202020;
    margin-right: 15px;
    border: 1px solid #dcdcdc;
    text-align: center;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.productcon .subpro li.cur, .productcon .subpro li:hover {
    background: #125dd5;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.productcon .procon {
    font-size: 18px;
    color: #474747;
    line-height: 34px;
    margin-bottom: 15px;
    padding: 50px 10px 0;
}

.productcon .procon p, .productcon .procon div {
    margin-bottom: 15px;
}

.productcon .procon h2, .productcon .procon h3, .productcon .procon h4 {
    margin-bottom: 15px;
}

.tjbar {
    margin-bottom: 27px;
    border-bottom: 1px solid #dcdcdc;
}

.tjbar h3 {
    position: relative;
    border-bottom: 4px solid #125dd5;
    top: 4px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 42px;
    line-height: 42px;
}

.tjlist {
}

.tjlist .con {
    float: left;
    width: 295px;
    margin: 0 12px;
    background: #eeeeee;
    padding: 1px;
}

.tjlist .con .img {
    width: 295px;
    height: 230px;
    line-height: 230px;
    background: #fff;
    text-align: center;
    display: block;
}

.tjlist .con .img img {
    max-width: 295px;
    max-width: 230px;
    vertical-align: middle;
}

.tjlist .con p {
    padding: 15px 10px;
    text-align: center;
}

.tjlist .con p a {
    font-size: 18px;
    color: #202020;
}

.tjlist .con:hover {
    background: #125dd5;
}

.tjlist .con:hover p a {
    color: #fff;
}

.page{
    height: 36px;
    text-align: center;
    color:#8e8e8e;
    margin:20px 0;
}
.page a{
    display:inline-block;
    height: 34px;
    line-height: 34px;
    border:1px solid #d8d8d8;
    padding:0 14px;
    border-radius:3px;
    color:#8e8e8e;
    margin:0 2px;
}
.page a:hover,.page .now{
    color:#fff;
    background:#125dd5;
    border-color:#125dd5;
}
.page span{
    padding:0 5px;
}
.page .num{
    height: 34px;
    line-height: 34px;
    border:1px solid #d8d8d8;
    border-radius:3px;
    color:#8e8e8e;
    text-align: center;
}
.page .current{
    height: 34px;padding:7px 14px;
    line-height: 34px;
    border:1px solid #125dd5;
    background: #125dd5;
    border-radius:3px;
    color:#fff;
    text-align: center;
}